import React from 'react'
import { Outlet,useNavigate} from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { ShoppingCartO, HomeO, CartO , UserO } from '@react-vant/icons'
export default function Zong() {
let navigate = useNavigate()
  return (
    <div>
      <Outlet></Outlet>
      <Tabbar activeColor='#f44336' inactiveColor='#000'>
        <Tabbar.Item icon={<HomeO />} onClick={()=>{navigate('/zong/home')}}>首页</Tabbar.Item>
        <Tabbar.Item icon={<CartO  />} onClick={()=>{navigate('/zong/cate')}}>分类</Tabbar.Item>
        <Tabbar.Item icon={<ShoppingCartO  />} onClick={()=>{navigate('/zong/shopping')}}>购物车</Tabbar.Item>
        <Tabbar.Item icon={<UserO  />} onClick={()=>{navigate('/zong/my')}}>我的</Tabbar.Item>
      </Tabbar>
    </div>
  )
}